<template>
    <div>
         <nav id="demo">
             <!--    @click="codes" @click="channel" -->
            <div  class="home">  <i class="fa fa-qrcode" aria-hidden="true"></i></div>
            <div class="home"> 微句</div>
            <div   class="home">频道 </div>
        </nav>
    </div>
</template>

<script>
   import bus from '../../js/bus.js'
export default {
data() {
    return {
    }
},
components:{
 bus
},
methods:{
     didscroll: function() {
         console.log('123')
     }
},
mounted() {
    window.onscroll = this.didscroll
}
}
</script>

<style scoped>
nav{
    width: 100vw;
    display: flex;
    justify-content: space-between;
    background-color: #09bb07;
    height: 13vw;
    line-height: 13vw;
    padding: 0 3vw;
    box-sizing: border-box;

    /* position: fixed; */

    /* position: sticky; */
    /* -webkit-position:sticky; */
     /* z-index: 900;
      top: 0vw; */
}

.home{
    color: white;
}
.home>i{
    font-size: 6vw;
}
</style>
